@import "var";
@var-bg:#ffffff;
.slide-bar-mini{
 // background: none !important;
  box-shadow: none !important;
  border: none !important;
  top: 50% !important;
  bottom:auto !important;
  background: rgba(0,0,0,.2) !important;
  border-radius: 4px;
}
.slide-bar{
  z-index: 0;
  position: fixed;
  left: 0;
  width:auto ;
  background: darken(@var-bg,1%);
  border-right: 1px solid #ccc;
  box-shadow: -8px 0 2px -7px rgb(209, 209, 209) inset;
  bottom: 0;
  top: 50px;
  .pull-right{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    padding: 9px 10px 10px 10px !important;
    background-position: 12px -583px;
    top: 0;
    right: -41px;
    background-color: rgba(0,0,0,0.15);
    border-radius: 0 3px 3px 0;

    &:hover{
      background-color: rgba(0,0,0,0.1) !important;
      i{color: #666;}
    }
    i{
      color: #ffffff;

    }
  }
  .pull-out{
    a{
      padding: 0 10px !important;
    }
    i{
      color: #ffffff;
    }
    text-align: center;
  }
  .app-menu{
    li{
      display: block;
      a{
        color: @a-color;
        font-size: 14px;
        padding: 12px 15px;
        line-height: 28px;
        display: block;
        &:hover{
          background: darken(@var-bg,4%);
        }
        .app-icon{
          color: #fff;
          padding: 12px;
          border-radius: 50%;
          display: inline-block;
          background: cornflowerblue;
        }
        i{
          font-size: 20px;
        }
      }
    }
  }



  .app-menu-mini{
    li{
      display: block;
      a{
        color: @a-color;
        font-size: 14px;
        padding: 12px 10px;
        line-height: 28px;
        display: block;
        &:hover{
          background: none;
          -webkit-transform: scale(1.3);
          -moz-transform: scale(1.3);
          -o-transform: scale(1.3);
        }
        .app-icon{
          color: white;
          padding: 12px;
          border-radius: 50%;
          display: inline-block;
          background: cornflowerblue;
        }
        i{
          font-size: 20px;
        }
      }
    }
  }
}



.footer-bar{
  padding: 20px;
  background: darken(#ffffff,1%);
  .friend-link{
    li{
      a{
        color: #333;
      }
    }
  }
}

